<template>
<slot msg="default slot"> </slot>
<hr>
<slot msg="named slot" name="header"> </slot>
<hr>
<slot :user="user" name="content"> </slot>
</template>
<script setup>
import {reactive} from 'vue';
// const msg = ref('this is content defined by user of component');
const user=reactive({name:'jack',age:20});
</script>
